<!DOCTYPE html>
<html>
  <head>
	  <meta charset="windows-1251">
	  <link type="text/css" rel="stylesheet" media="all" href="css/layout_main.css">
	  <script type="text/javascript" src="../js/jquery.js"></script>
	  <script type="text/javascript" src="../js/v1/ts_share.js"></script>
		<script type="text/javascript" src="../js/v1/ts_tools.js"></script>
		<script type="text/javascript" src="try_tools.js"></script>
	  <title>toonStory</title>
	  <style>
	    .control_tools,.control_addition{
	      float:left;
	      margin-right:20px;
			}
			.control_sub{display:none;}
			.control_tools .active{
			  color:#000;
			  font-weight:bold;
			}
			.control_addition .control{
			  float:left;
			  border-right:1px solid #e4e4e4;
			  padding-right:5px;
			  margin-right:5px;
			}
	  </style>
  </head>
  <body>
    <div id="ts_tools">
      <div class="control_tools">
	      <a href="#" id="tst_drawer"><i></i>draw</a>
	      <a href="#" id="tst_eraser"><i></i>erase</a>
	      <a href="#" id="tst_filler"><i></i>fill</a>
	      <a href="#" id="tst_zoomer"><i></i>zoom</a>
	    </div>
			<div class="control_addition">
			  <div class="control" id="tst_color">
					<a href="" class="button color"><i></i></a>
					<div class="control_sub">COLORS</div>
				</div>
			  <div class="control" id="tst_size">
			    <a href="#" class="button arr smaller">smaller</a>
			    <span class="label"></span>
			    <a href="#" class="button arr biger">bigger</a>
				</div>
			</div>
		</div>
  </body>
</html>
